	
.invite{
		background-color: #fff; 
		width: 100vw; 
		.invite-container{
			height: 500rpx;
			padding: 40rpx 30rpx 0 30rpx;
			border-top-left-radius: 25rpx;
			border-top-right-radius: 25rpx;
			background: linear-gradient( 180deg, #E8FFFE 0%, #FFFFFF 11%);
			.top{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.text_lt{
					font-weight: 500;
					font-size: 32rpx;
					color: #999999;
					line-height: 38rpx;
				}
				.text_ct{
					font-weight: bold;
					font-size: 36rpx;
					color: #1A1A1A;
					line-height: 42rpx;
				}
				.text_rt{
					font-weight: 500;
					font-size: 32rpx;
					color: #2FD7D3;
					line-height: 38rpx;
				}
			}
			.content{
				padding-top: 30rpx;
				.hover{
				  background: #E5FAF9;
				  border-radius:24rpx;
				  color: #2FD7D3;
				}
				.option{
					text-align: center;
					font-weight: 500;
					font-size: 28rpx;
					color: #1A1A1A;
					height: 84rpx;
					display: flex;
					align-items: center; 
					justify-content: center;
				}
			}
		}
}
.calendar{
	position: fixed;
	right: 30rpx;
	bottom: 216rpx;
	z-index: 200;
	.calendarImg{
		width: 118rpx;
		height: 118rpx;
	}
}
.orderHint{
	background: linear-gradient( 360deg, #FFFFFF 0%, #D8FFFE 100%);
	border-radius: 24rpx; 
	padding: 30rpx 40rpx 44rpx 40rpx;
	.top{
		display: flex;
		justify-content: center;
		.topImg{
			width: 112rpx;
			height: 112rpx;
		}
	}
	.content{
		font-weight: 500;
		font-size: 32rpx;
		color: #000000;
		line-height: 38rpx;
		text-align: center;
		padding-top: 20rpx;
		padding-bottom: 38rpx;
	}
	.buttons{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}
.invite_content{
		background: linear-gradient(to right bottom, rgba(179, 254, 252, 1) 0%, rgba(255, 255, 255, 0) 100%);
		padding: 30rpx;
		.inviteList{
			width: calc(100vw - 60rpx); 
			position: relative; 
			margin-bottom: 100rpx;
			z-index: 10;
		}
		.notice{
			height: 84rpx;
			// background: rgba(255,255,255,0.5);
			border-radius: 24rpx;
			padding: 26rpx 30rpx;
			display: flex;
			align-items: center;
			height: 32rpx;
			.noticeImg{
				width: 32rpx;
				height: 32rpx;
			}
			.text{
				font-weight: 500;
				font-size: 24rpx;
				color: #FF9F29;
				margin-left: 12rpx;
			}
		}
 }
 